<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="renderer" content="webkit" />
		<!-- 让部分国产浏览器默认采用高速模式渲染页面 -->
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>长虹[联合运营平台后台管理系统]</title>
		<!-- 全局CSS 开始-->
		<link href="../css/global/bootstrap.min.css" rel="stylesheet" />
		<link href="../css/global/font-awesome.min.css" rel="stylesheet" />
		<link href="../css/global/simple-line-icons.css" rel="stylesheet" />
		<link href="../css/global/animate.css" rel="stylesheet" />
		<link href="../css/global/style.css" rel="stylesheet" />
		<link href="../js/plugins/pace/pace.css" rel="stylesheet" />
		<!-- 全局CSS 结束-->
		<!-- 页面CSS 开始-->
		<!-- 页面CSS 结束-->
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="../js/bootstrap/html5shiv.min.js"></script>
		<script src="../js/bootstrap/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="wrapper wrapper-content animated fadeInUp">
			<div class="row page-heading">
				<h4><i class="fa fa-shopping-cart"></i>  电商导购 / 主题管理</h4>
				<button type="button" class="btn btn-primary btn-sm"><i class="fa fa-file-o"></i>&nbsp;&nbsp;新建主题</button>
			</div>
			<div class="ibox">
				<div class="ibox-content">
					<div class="row">
						<div class="col-md-6">
							<ul class="nav nav-tabs">
								<li class="active">
									<a href="#tab-1" data-toggle="tab">
									所有主题 </a>
								</li>
								<li class="">
									<a href="#tab-2" data-toggle="tab">
									销售排行 </a>
								</li>
								<li>
									<a href="#tab-3" data-toggle="tab">
									在线主题 </a>
								</li>
							</ul>
						</div>
					</div>
					<div class="row">
						<div class="tab-content col-md-12">
							<div class="tab-pane active table-responsive" id="tab-1">
								<div class="row mtm mbl">
									<div class="col-sm-2">
										<span>每页</span>
										<select class="input-sm form-control inline">
											<option value="0">5</option>
											<option value="1">10</option>
											<option value="2">20</option>
											<option value="3">40</option>
											<option value="4">全部</option>
										</select>
										<span>条信息</span>
									</div>
									<div class="col-sm-3">
										<div data-toggle="buttons" class="btn-group">
											<label class="btn btn-sm btn-white"> <input type="radio" id="option1" name="options" /> 筛选1 </label>
											<label class="btn btn-sm btn-white active"> <input type="radio" id="option2" name="options" /> 筛选2 </label>
											<label class="btn btn-sm btn-white"> <input type="radio" id="option3" name="options" /> 筛选3 </label>
										</div>
									</div>
									<div class="col-sm-3 pull-right">
										<div class="input-group"><input type="text" placeholder="搜索" class="input-sm form-control" /> <span class="input-group-btn">
									<button type="button" class="btn btn-sm btn-primary"> <i class="fa fa-search"></i></button> </span></div>
								</div>
							</div>
							<table class="table table-condensed table-striped table-bordered table-hover table-view-1" >
								<thead>
									<tr>
										<th class="table-checkbox"><input type="checkbox" id="checkAll" class="i-checks" /></th>
										<th>编号</th>
										<th>主题名称</th>
										<th>创建日期</th>
										<th>最后修改</th>
										<th>创建人</th>
										<th>商品绑定</th>
										<th>背景海报</th>
										<th>状态</th>
										<th>销售统计</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td><input type="checkbox" class="i-checks" /></td>
										<td>1234</td>
										<td><a href="#">全家露营季</a></td>
										<td>2014-3-24<br />23:23:23</td>
										<td>2014-3-24<br />23:23:23</td>
										<td>创建：<a href="#">用户A</a><br />最后修改：<a href="#">用户B</a></td>
										<td>6件<br />已过期2件</td>
										<td>
											<a class="fancybox" href="../images/example_image.jpg" title="example-image.jpg">
												<img src="../images/example_image_thumb.jpg" alt="..." class="img-rounded img-responsive" />
											</a>
										</td>
										<td><span class="badge badge-success">在线</span></td>
										<td>已售：21件<br />金额：23445元</td>
										<td>
											<button type="button" class="btn btn-primary btn-xs">编辑</button>
											<button type="button" class="btn btn-success btn-xs">预览</button>
											<button type="button" class="btn btn-danger btn-xs">删除</button>
										</td>
									</tr>
									<tr>
										<td><input type="checkbox" class="i-checks" /></td>
										<td>1234</td>
										<td><a href="#">全家露营季</a></td>
										<td>2014-3-24<br />23:23:23</td>
										<td>2014-3-24<br />23:23:23</td>
										<td>创建：<a href="#">用户A</a><br />最后修改：<a href="#">用户B</a></td>
										<td>6件<br />已过期2件</td>
										<td>
											<a class="fancybox" href="../images/example_image.jpg" title="example-image.jpg">
												<img src="../images/example_image_thumb.jpg" alt="..." class="img-rounded img-responsive" />
											</a>
										</td>
										<td><span class="badge badge-success">在线</span></td>
										<td>已售：21件<br />金额：23445元</td>
										<td>
											<button type="button" class="btn btn-primary btn-xs">编辑</button>
											<button type="button" class="btn btn-success btn-xs">预览</button>
											<button type="button" class="btn btn-danger btn-xs">删除</button>
										</td>
									</tr>
									<tr>
										<td><input type="checkbox" class="i-checks" /></td>
										<td>1234</td>
										<td><a href="#">全家露营季</a></td>
										<td>2014-3-24<br />23:23:23</td>
										<td>2014-3-24<br />23:23:23</td>
										<td>创建：<a href="#">用户A</a><br />最后修改：<a href="#">用户B</a></td>
										<td>6件<br />已过期2件</td>
										<td>
											<a class="fancybox" href="../images/example_image.jpg" title="example-image.jpg">
												<img src="../images/example_image_thumb.jpg" alt="..." class="img-rounded img-responsive" />
											</a>
										</td>
										<td><span class="badge badge-warning">审核中</span></td>
										<td>已售：21件<br />金额：23445元</td>
										<td>
											<button type="button" class="btn btn-primary btn-xs">编辑</button>
											<button type="button" class="btn btn-success btn-xs">预览</button>
											<button type="button" class="btn btn-danger btn-xs">删除</button>
										</td>
									</tr>
									<tr>
										<td><input type="checkbox" class="i-checks" /></td>
										<td>1234</td>
										<td><a href="#">全家露营季</a></td>
										<td>2014-3-24<br />23:23:23</td>
										<td>2014-3-24<br />23:23:23</td>
										<td>创建：<a href="#">用户A</a><br />最后修改：<a href="#">用户B</a></td>
										<td>6件<br />已过期2件</td>
										<td>
											<a class="fancybox" href="../images/example_image.jpg" title="example-image.jpg">
												<img src="../images/example_image_thumb.jpg" alt="..." class="img-rounded img-responsive" />
											</a>
										</td>
										<td><span class="badge badge-danger">在线</span></td>
										<td>已售：21件<br />金额：23445元</td>
										<td>
											<button type="button" class="btn btn-primary btn-xs">编辑</button>
											<button type="button" class="btn btn-success btn-xs">预览</button>
											<button type="button" class="btn btn-danger btn-xs">删除</button>
										</td>
									</tr>
									<tr>
										<td><input type="checkbox" class="i-checks" /></td>
										<td>1234</td>
										<td><a href="#">全家露营季</a></td>
										<td>2014-3-24<br />23:23:23</td>
										<td>2014-3-24<br />23:23:23</td>
										<td>创建：<a href="#">用户A</a><br />最后修改：<a href="#">用户B</a></td>
										<td>6件<br />已过期2件</td>
										<td>
											<a class="fancybox" href="../images/example_image.jpg" title="example-image.jpg">
												<img src="../images/example_image_thumb.jpg" alt="..." class="img-rounded img-responsive" />
											</a>
										</td>
										<td><span class="badge badge-default">下线</span></td>
										<td>已售：21件<br />金额：23445元</td>
										<td>
											<button type="button" class="btn btn-primary btn-xs">编辑</button>
											<button type="button" class="btn btn-success btn-xs">预览</button>
											<button type="button" class="btn btn-danger btn-xs">删除</button>
										</td>
									</tr>
								</tbody>
								<!--<tfoot>
								<tr>
										<th>Rendering engine</th>
										<th>Browser</th>
										<th>Platform(s)</th>
										<th>Engine version</th>
										<th>CSS grade</th>
								</tr>
								</tfoot>-->
							</table>
							<div class="row">
								<div class="col-sm-6">
									显示 1 到 5 条 ，总共 10 条信息
								</div>
								<div class="col-sm-6 pull-right">
									<div class="table-pagination">
										<ul class="pagination">
											<li><a href="#">上一页</a></li>
											<li><a href="#">1</a></li>
											<li><a href="#">2</a></li>
											<li><a href="#">3</a></li>
											<li><a href="#">4</a></li>
											<li><a href="#">5</a></li>
											<li><a href="#">下一页</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="tab-2">
							<p>
							Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
							</p>
						</div>
						<div class="tab-pane" id="tab-3">
							<p>
							Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 全局js 开始-->
	<script src="../js/jquery.min.js"></script>
	<script src="../js/bootstrap/bootstrap.min.js"></script>
	<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="../js/custom/custom.js"></script>
	<script src="../js/plugins/pace/pace.min.js"></script>
	<!-- 全局js 结束-->
	<!-- 页面js 开始-->
	<!-- fancybox -->
	<script src="../js/plugins/fancybox/jquery.fancybox.js"></script>
	<!-- iframeResizer -->
	<!-- <script src="../js/plugins/iframeResizer/iframeResizer.contentWindow.min.js"></script> -->
	<!-- 页面js 结束-->
</body>
</html>